@import './lib/reset.scss';
#root{
	@include background-color(#fff);
.box{
	.search-header{
		@include background-color(#F5F5F9);
		@include rect(100%,0.44rem);
		@include flexbox();
		@include justify-content();
		@include align-items();
		@include border(0 0 1px 0,#e6e6e6,solid);
		position:relative;
		#leftbtn{
			@include text-color(#000);
			position:absolute;
			left: 0.1rem;
			font-weight: bold;
		}
		.ssk{
			@include rect(2.8rem,0.29rem);
			@include background-color(#fff);
			@include flexbox();
			@include align-items();
			border-radius:0.05rem;
			.iconfont{
				@include font-size(0.22rem);
				@include text-color(#8E8E93);
				float: left;
				margin:0 0.1rem;
			}
			.ss{
				border:0;
				float: left;
				@include background-color(#fff);
				@include rect(2.5rem,0.2rem);
			}
		}
	}
	.search-content{
		@include background-color(#fff);
		@include rect(100%,8rem);
		.sc-top{
			@include font-size(0.14rem);
			@include text-color(#919191);
			padding:0.1rem 0.2rem;
		}
		.sc-content{
			@include background-color(#fff);
			@include rect(100%,1rem);
			@include flexbox();
			@include justify-content(space-around);
			@include align-items();
			flex-wrap: wrap;
			span{
				display: block;
				@include rect(0.8rem,0.28rem);
				@include border(1px 1px 1px 1px,#606064,solid,0.06rem);
				@include flexbox();
				@include justify-content();
				@include align-items();
				margin:0 0.2rem;
			}
		}
	}
	.search-list{
		@include rect(100%,auto);
		@include background-color(#fff);
		li{
			@include rect(100%,0.5rem);
			@include border(0 0 1px 0,#e6e6e6,solid);
			@include flexbox();
			@include align-items();
			padding-left: 0.2rem;
			@include text-color(#919191);
		}
	}
}
}